Documentation by “on3-step"

---

“Homekins Interactive Interior Template”

---

Table of Contents

1. HTML Structure
2. CSS Files
3. Website Documentation
4. Contact Form

---

A) HTML structure - top

This template using Bootstrap & customazation code, All the information within main content is nested within a div with id- name "content-wrapper" for all file. If you need more information you can read Bootstrap documentation on this link

 

1. Sample html structure page website

<div class="content-wrapper animsition-overlay"> <!-- website -->

<header class="init">
<div class="navbar-default-white navbar-fixed-top"><!-- navigation-->
 <div class="container">
   <div class="row">
   <!-- CONTENT NAV -->
  </div>
 </div> 
</div> 


<section class="whitepage-menu" id="menu-block" aria-label="menu">
   <div class="wrap-menu">
   <!-- CONTENT MENU -->
  </div>
 </div> 
</section> 
<section  class="slide"> <!-- content slider -->
<!-- CONTENT HERE -->
</section>
<!-- content home end -->

<!-- content  page -->
<section  class="container-fluid">
<div class="row m-2-hor">
   <div class="col-">
   <!-- CONTENT HERE -->
   </div>
</div> 
</section>
<!-- content  page end -->
</div> <!-- website end -->

---

B) CSS Files - top

These are css files used in this template:

1. bootstrap.min.css - css by Twitter boostrap
2. animated-on3step.css - used for element animation all of page
3. main.css - main css files (you can edit color, font, etc from this css)
4. media.css - used for responsive style

You can change almost all styles from on3step-style.css file.

/* ---------------------------------------- */
/* CSS Document */


/* 
*
*
[Table of contents]
*
*
*

    font-homekins / @import url
    general / body
    section / section
    preloader / #preloader
    navigation / header
    menu nav / .white nav
    social-icons / .social-icons-subnav
    search menu / .search-container
    slider / .slideshow
    home / .col-home .thumb
    slick / .slick .item
    slick projects / .slickproject .item .desc
    project big / .projectbig
    slick team / .slickteam .item .desc
    slicknews / .slicknews .item .bg img
    owl / .owl-theme .owl-nav
    pagination / .pagination li .page-link
    map / #map-1
    contact / .text-side
    footer / footer
    totop / #totop
    Blog / .blog-simple
    single post / .top-article
    aside, sidebar / aside 
    Blog comment / #blog-comment 

*
*
*/

---

C) Website Documentation - top

/*
Jquery main.js

/* you can add and use animation in all element inside (not include popup ajax) example below */

 class="onStep" add class onStep in every element tag for animation triger 
 data-animation="fadeInUp" add class animation here from animated-on3step.css
 data-time=0 is delay of element animation 

*/

E) Contact Form - top

open send.php file change your email here:

    $email_to = "desmonlatandos@gmail.com"; // change with your email
    $name     = $_POST['name'];  
    $email    = $_POST['email'];
    $subject   = $_POST['subject'];
    $message    = $_POST['message'];
    
    $headers  = "From: $email\r\n";
    $headers .= "Reply-To: $email\r\n";
    
    if(mail($email_to, $subject, $message, $headers)){
    echo "success";       
    } 
    else{
    echo "failed";     
    }  

---

Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this template. No guarantees, but I'll do my best to assist. If you have a more general question relating to the template you might consider visiting the forums and asking your question in the "Item Discussion" section.

on3-step

Go To Table of Contents

---